<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=width-device, initial-scale=1">
		<link rel="icon" type="image" href="https://avatars.mds.yandex.net/i?id=2d2f79003a144cccce0b779a495de27a-5589536-images-thumbs&n=13">
		<title>Проверка тегов.</title>
		<style>
			body {
				margin: 0;
				background-color: gray;
			}
			header {
				background-color: red;
			}

			main {
				background-color: green;
			}

			footer {
				background-color: yellow;
			}

			.center-button {
				margin-top: 2%;
				margin-left: 2%;
			}
			.span1 {
				color: red;
			}
			.red-list li { /*Вложенность (Справа-налево)*/
				color:  red;
			}
			.status {
				margin: 0;
				color: red;
			}
			.background-status {
				background: orange;
			}
			.text-align {
				text-align: center;
			}
		</style>
	</head>
	<body>
		<header>
			<nav>
				<a href="index.html">
					<button class="center-button"><cite><strong>Выйти</strong> из системы.</cite></button>
				</a>
				<a href="tests.html">
					<button class="center-button"><cite>Назад.</cite></button>
				</a>
				<p>
					<a href="#end">
						Конец
					</a>
				</p>
			</nav>
			<h1 style="text-align: center"><q cite="lol">Моя первая страница</q></h1>
			<p>
				<sub>Она сделана примерно <time datetime="2022-02-20"><b>20 февраля</b></time>.</sub>
			</p>
		</header>
			<main>
				<article>
					<p><strong>Ежедневный список</strong></p>
					<ol class="red-list">
						<li><del>Встать с дивана</del></li>
						<li><ins>Кодить</ins></li>
						<li><ins>кодить</ins></li>
						<li><ins>кодить</ins></li>
						<li><ins><span class="span1">кодить</span></ins></li>
					</ol>
					<blockquote>
						<p>
							<sub>fsdfsdf</sub>
							<sup>sdfsdf</sup>
							<sup>d<sup>s</sup>f
							dsf
							dsf
						</p>
							<cite>
								DDU9heweh9
							</cite>
					</blockquote>
					<section>
						<p>Сегодня . . .</p>
						<pre>
							<code>
								&lt;head&gt;		&lt;/head&gt;
							</code>
						</pre>
						<ol type="1">
							<li>игры
								<ul>
									<li>Любые
										<ul>
											<li>Terraria</li>
										</ul>
									</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
						<ol type="1" start="-2">
							<li>игры
								<ul>
									<li>Любые</li>
									</ul>
						</li>
							<li>Игры</li>
						</ol>
						<ol type="1" reversed>
							<li>игры
								<ul>
									<li>Любые</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
						<ol type="a">
							<li>игры
								<ul>
									<li>Любые</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
						<dl>
							<dt class="text-align" style="width: 60%">HTML</dt>
							<dd class="background-status status text-align" style="width: 60%">60%.</dd>
							<dt class="text-align" style="width: 40%">CSS</dt>
							<dd class="background-status status text-align" style="width: 40%">40%.</dd>
						</dl>
						<ol type="A">
							<li>игры
								<ul>
									<li>Любые</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
						<ol type="i">
							<li>игры
								<ul>
									<li>Любые</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
						<ol type="I">
							<li>игры
								<ul>
									<li>лол</li>
								</ul>
							</li>
							<li>Игры</li>
						</ol>
					</section>
					2
					<aside>
						1
					</aside>
				</article>
			</main>
		<footer>
			<p>
				Как чудесно, что началась <em>моя любимая</em> зима!
			</p>
			<pre id="end">
				Сделано
									с
    <i>Любовью</i>.</pre>
		</footer>
	</body>
</html>